<template>
    <div class="about__wrapper">
        <div class="row g-5 align-items-center">
            <div class="col-lg-6">
                <div class="about__thumb" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
                    <div class="about__thumb-inner">
                        <div class="about__thumb-image">
                            <img src="/images/about/home3/1.png" alt="about-image">
                        </div>
                    </div>
                    <div class="about__icon">
                        <span class="about__icon-item about__icon-item--animation"><img src="/images/about/home3/4.png"
                                alt="dot icon"></span>
                        <span class="about__icon-item about__icon-item--animation"><img src="/images/about/home3/3.png"
                                alt="star icon"></span>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="about__content" data-aos="fade-up-left" data-aos-duration="1000" data-aos-delay="100">
                    <div class="about__content-inner">
                        <div class="section-header">
                            <div class="subtitle subtitle--style3">
                                <img src="/images/icon/home3/1.png" alt="star icon">
                                <p class="mb-0">About Us</p>
                            </div>
                            <h2>We Offering Coaching by Skilled Advisors</h2>
                            <p class="style2">Amet minim mollit non deserunt ullamco est sit aliqua dolor do
                                amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam
                                consequat sunt nostrud amet.</p>
                        </div>
                        <div class="about__details">
                            <div class="about__details-item">
                                <img src="/images/icon/svg/2.svg" alt="icon">
                                <div class="about__details-text">
                                    <h6>Exclusive Coach</h6>
                                    <p>Non deserunt ullamco est sit aliqua dolor do amet sint. enim velit
                                        mollit.</p>
                                </div>
                            </div>
                            <div class="about__details-item">
                                <img src="/images/icon/svg/2.svg" alt="icon">
                                <div class="about__details-text">
                                    <h6>Creative Minds</h6>
                                    <p>Non deserunt ullamco est sit aliqua dolor do amet sint. enim velit
                                        mollit.</p>
                                </div>
                            </div>
                            <div class="about__details-item">
                                <img src="/images/icon/svg/2.svg" alt="icon">
                                <div class="about__details-text">
                                    <h6>Master Certified</h6>
                                    <p>Non deserunt ullamco est sit aliqua dolor do amet sint. enim velit
                                        mollit.</p>
                                </div>
                            </div>
                            <div class="about__details-item">
                                <img src="/images/icon/svg/2.svg" alt="icon">
                                <div class="about__details-text">
                                    <h6>Video Tutorials</h6>
                                    <p>Non deserunt ullamco est sit aliqua dolor do amet sint. enim velit
                                        mollit.</p>
                                </div>
                            </div>
                        </div>

                        <nuxt-link to="/about" class="trk-btn trk-btn--secondary3">Learn more
                            <span><i class="fa-solid fa-arrow-right"></i></span> </nuxt-link>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>